
<!DOCTYPE html>
<html lang="zh-CN" data-bs-theme="light">
<head>
    <meta charset="UTF-8">
    <!-- 增加站点logo -->
    <link rel="icon" href="https://minio.51epub.com/static/images/01.png">
    <title>{% block title %}字体预览页面{% endblock %}</title>
    <link rel="stylesheet" href="/static/plugins/notifications/css/lobibox.min.css" /><!-- 提示框的样式 -->

    <!-- 引入CDN Bootstrap CSS; cdn:'mc' bt5-css,bt5-icons-css,localforage-js,jq-js -->
    {{ load_cdn(reslist=['bt5-css', 'bt5-icons-css', 'localforage-js', 'jq-js']) | safe }}

    <link rel="stylesheet" href="https://minio.51epub.com/static/css/bootstrap/5.3.3/sidebars.css">

    {% block styles %}{% endblock %}
    
</head>
<body>
    <!-- Bootstrap容器 -->
    <div class="container-fluid">
        {% block content %}{% endblock %}
    </div>

    {% block footercontent %}
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <hr>
                <p class="text-center text-muted">© 2021-2022 有容论坛</p>
            </div>
        </div>

    </div>
    {% endblock %}

    
    <!-- 引入必要的JS库 -->
    {{ load_cdn(reslist=['bt5-js']) | safe }}

    <!--notification js -->
	<script src="/static/plugins/notifications/js/lobibox.js"></script>
	<script src="/static/plugins/notifications/js/notifications.min.js"></script>
	<script src="/static/plugins/notifications/js/notification-custom-script.js"></script>

    <!-- 接收Flask后端的 flash 提示框的显示 -->
	{% with messages = get_flashed_messages(with_categories=true) %}
		{% if messages %}
			{% for category, message in messages %}
			<script>show_noti("{{ message }}","{{ category | default('info') }}");</script>
			{% endfor %}
		{% endif %}
	{% endwith %}
    
    {% block scripts %}
    <!-- 全局所有公用JS -->
    
    {% endblock %}
</body>
</html>